import { Button } from "../../components";
import Icon from "../../assets/underline.svg";
import useToggleMark from "../hooks/toggle-mark";

export default () => {
  const { toggleMark,isMarkActive } = useToggleMark();

  return (
    <Button
     active={isMarkActive('style-textDecoration.underline','underline')}
      onClick={() => {
        toggleMark('style-textDecoration.underline','underline');
      }}
      icon={Icon}
    />
  );
};
